/**
 * 
 * Fluid, Responsive and Semantic grid for LESS: http://lesscss.org/
 *
 * Ems are based on generic browser default setting of 16px font size
 * 
 * Credits & inspiration: 
 * Semantic Grid System, http://semantic.gs/
 * Twitter Bootstrap, http://twitter.github.com/bootstrap/ 
 * ZURB Foundation, http://foundation.zurb.com/
 * Building a Nested Responsive Grid with Sass & Compass, http://viget.com/inspire/building-a-nested-responsive-grid-with-sass-compass
 * Building a modern grid system, http://www.netmagazine.com/tutorials/building-modern-grid-system
 * Introducing the LESS CSS Grid, http://designshack.net/?p=12845
 * 
 * @author Aki Karkkainen
 * @url https://github.com/akikoo/Fluid-Grid
 * Twitter: http://twitter.com/akikoo
==============================================================================
  uses grid-system-mixins default variables @columns(12), @gutter(.5%)
==============================================================================
  Rows, containing any number of columns 
==============================================================================*/
.row {
	display: block;
	margin: 0 auto 20px;
	//min-width: 768px; /*For oldIE, will be overwritten inside @media query*/
	/*max-width: 1280px;*/  /*Make sure the grid doesn't get too wide*/
	width: 100%;
	.clearfix;
}
.row .row {
	min-width: 0;
}
/*==============================================================================
  Columns, inside a media query 
==============================================================================*/
@media only screen and (min-width: 0) {
	.row {min-width: 0;} /*Overwrite oldIE rule form modern browsers*/	
}
@media only screen and (min-width: 30em) { //480px and up
	.cols();
}
/*==============================================================================
  Temp demo grid styles, can be removed
==============================================================================*/
/*Mini reset*/
/*
.row {
	background: #dedede;
}

.col {
    font-size: 12px; 
    background: rgba(0, 0, 0, 0.1); 
    border-radius: 5px; 
    text-align: center; 
    padding: 10px 0 0; 
}

.row .row {
	background: transparent;
	margin: 20px auto 0;
}

.row .col {
	padding: 0 0 20px;
	background: #ccc; 
}

.row .row .col {
	background: #aaa;
}


//Form
form {
	border: 1px solid #D2D2D2;
	border-radius: 5px;
	margin: 35px 0 0 6px;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.03) inset;
}

label {
	display: inline-block;
	margin-right: 5px;
	width: 75px;
	font-size: 14px;
}

input[type="submit"], 
input[type="reset"] {
	background: -moz-linear-gradient(center top , #F8F8F8 0%, #DDDDDD 100%) repeat scroll 0 0 transparent;
	border: 1px solid #D2D2D2;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.03) inset;
	padding: 5px 15px;
	font-size: 12px;
}

input[type="submit"]  { 
	margin: 20px 0 0;
	font-weight: bold;
	float: right;
}

input[type="reset"]  { 
	margin: 20px 2px 0 0;
	font-weight: normal;
	float: left;
}

input[type="text"] {
	border: 1px solid #D2D2D2;
	border-radius: 2px 2px 2px 2px;
	padding: 1px 2px;
	width: 25px;
}

select {
	width: 100px;
}

ul {
    margin: 0 0 20px 20px;
    list-style-type: disc;
}*/